@import './clear.scss';

page{
    background-color: #F4F5FA;
}

::-webkit-scrollbar{width: 0;height: 0;color: transparent;}

.flex{
	display: flex;
}

/*关注按钮*/
.btn_concern{
	@include WHSize(140rpx,52rpx);
	border-radius: 28rpx;
	background-color:$btn_bg_clr;
	font-size: 28rpx;
	color: $text_clr_white;
	line-height: 52rpx;
	font-weight: 700;
	/*回关、互相关注*/
	&.btn_concern_border{
		border: 2rpx solid $border_clr;
		color: $text_clr_blue;
		background-color: $btn_bg_clr_white;
	}
}

//查看全部职位
.look_all_position {
  padding: 30rpx 0 40rpx;
  text-align: center;
  background-color: $bg_clr_white;
  border-bottom: 4rpx solid #F4F5FA;
  box-sizing: border-box;
  margin: 0 32rpx;
  

  text {
    color: $clr;
    font-size: 28rpx;
    font-weight: 700;

    @include flex(
      (
        "content": center,
        "items": center,
      )
    );
    // &::after {
    //   margin-left: 20rpx;
    //   background-image: url(@/static/icon_blue_right_arrows.png);
    //   @include iconStyle;
    //   @include WHSize(14rpx, 24rpx);
    // }
  }
}
.bnone {
	border-bottom: none;
}
/*点分格*/
.dot{
	&::before{
		content: ' · ';
		margin:0 8rpx;
	}
}

/*边框线*/
page {
	.bd {
		border: 2rpx solid $border_clr_base;
	}
	.bd_top {
		border-top: 2rpx solid $border_clr_base;
	}
	.bd_bottom {
		border-bottom: 2rpx solid $border_clr_base;
	}
	.bd_left {
		border-left: 2rpx solid $border_clr_base;
	}
	.bd_right {
		border-right: 2rpx solid $border_clr_base;
	}
}

//表单样式
.form_box_content{
	// @include iphoneAdaptive('m')
	.box_flex {
		@include flex(
			(
				'items': center
			)
		);
	}
	.info_box {
		background-color: $bg_clr_white;
		border-radius: $border_radius_40;
		margin: 32rpx;
		padding: 0 32rpx;
		.info_box_cell {
			padding: 40rpx 0;
			border-bottom: 2rpx solid $border_clr_base;
			&:last-child {
				border: none;
			}
			.info_cell_label {
				min-width: 200rpx;
				color: $text_clr_666;
				font-size: 28rpx;
			}
			.info_cell_right {
				flex: 1;
				@include flex;
				justify-content: flex-end;
				text-align: right;
				font-size: 28rpx;
				font-weight: 500;
				color: $text_clr_333;
				&.icon_arrows,
				&.icon_text {
					position: relative;
					padding-right: 44rpx;
					&::after {
						position: absolute;
						right: 0;
						top: 50%;
						transform: translateY(-50%);
						content: '';
						width: 14rpx;
						height: 24rpx;
						@include iconStyle;
						background-image: url(@/static/icon_right.png);
					}
				}
				.info_input {
					font-size: 28rpx;
					font-weight: 500;
					color: $text_clr_333;
				}
				.info_cell_time{
					@include flex(('items':center));
					font-size: 28rpx;
					font-weight: 500;
					color: $text_clr_333;
					&::after{
						@include iconStyle;
						margin-left: 16rpx;
						@include WHSize(16rpx,10rpx);
						background-image: url(@/static/icon_pull_time.png);
					}
					&.no_icon{
						margin: 0 32rpx;
						&::after{
							display: none;
						}
					}
					.info_input{
						
					}
				}
			}
		}
	}
	.info_cell_secrecy {
		padding: 0 64rpx;
		margin-top: 32rpx;
		@include flex(
			(
				'content': space-between,
				'items': center
			)
		);
		.secrecy_label {
			color: $text_clr_999;
			font-size: 28rpx;
		}
	}
	//保存按钮
	.info_box_btn {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		display: flex;
		// align-items: center;
		z-index: 99;
		padding: 0 32rpx;
		box-sizing: border-box;
		background: #fff;
		@include iphoneAdaptive('h', 110rpx);
		// @include iphoneAdaptive('p');
		/* 底部标签投影 */
		box-shadow: 0px 8rpx 80rpx rgba(221, 227, 255, 0.8);
		button {
			border-radius: 40rpx;
			height: 74rpx;
			line-height: 74rpx;
			text-align: center;
			margin: 16rpx 0;
			color: #fff;
			font-weight: 500;
			font-size: 32rpx;
			&.save{
				background: $clr;
				flex: 1;
			}
			&.del{
				width: 240rpx;
				min-width: 240rpx;
				margin-right: 40rpx;
				color: $clr;
				background-color: $bg_clr;
			}
			&[disabled]{
				background-color: $bg_clr;
				color: $clr_assist;
			}
		}
	}
}

.footerHeight {
	@include iphoneAdaptive('h', 110rpx);
}

checkbox.message_checkbox .wx-checkbox-input {
  width: 34rpx !important;
  height: 34rpx !important;
  border-radius: 50%;
}
/*checkbox选中后样式 */
checkbox.message_checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background: #89a0e5;
  border-color: #89a0e5;
}

/*checkbox选中后图标样式 */
checkbox.message_checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 20rpx;
  height: 20rpx;
  line-height: 20rpx;
  text-align: center;
  font-size: 22rpx;
  color: #fff;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}
checkbox.message_checkbox
  .wx-checkbox-input.wx-checkbox-input-checked.wx-checkbox-input-disabled {
  background: #abafb3;
  border-color: #abafb3;
  color: #fff;
}

radio.message_radio .wx-radio-input.wx-radio-input {
  width: 34rpx !important;
  height: 34rpx !important;
  border-radius: 50%;
}
radio.message_radio .wx-radio-input.wx-radio-input-checked {
  background: #89a0e5;
  border-color: #89a0e5;
}
radio.message_radio .wx-radio-input.wx-radio-input-checked::before {
  width: 20rpx;
  height: 20rpx;
  line-height: 20rpx;
  text-align: center;
  font-size: 22rpx;
  color: #fff;
  background: transparent;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}
